<!DOCTYPE html>
<html>
<head>
    <title>梁超的工坊</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="keywords" content="梁超 独立 全栈开发 路人丁">
    <meta name="description" content="梁超的历史项目汇总">
    <link rel="shortcut icon" href="static/favicon.ico" />
    <link rel="bookmark"href="static/favicon.ico" />

    <link rel="stylesheet" type="text/css" href="https://static.liangchao.site/bootstrap4.0.0.min.css">
    <link rel="stylesheet" type="text/css" href="static/custom.css">
    <link rel="stylesheet" type="text/css" href="https://static.liangchao.site/zoomify.min.css">

    <script src="https://static.liangchao.site/jquery3.2.1.min.js" type="text/javascript" ></script>
    <script src="https://static.liangchao.site/popper1.15.min.js" type="text/javascript" ></script>
    <script src="https://static.liangchao.site/bootstrap4.0.0.min.js" type="text/javascript" ></script>
    <script src="https://static.liangchao.site/vue.js" type="text/javascript" ></script>

    <script src="https://static.liangchao.site/zoomify.min.js"></script>

    <link rel="stylesheet" href="https://static.liangchao.site/font-awesome.min.css">

</head>
<body>

    <!-- 导航条 -->
    <nav class="navbar navbar-expand-sm bg-dark navbar-dark container-fluid">
      <ul class="navbar-nav">
        <li class="nav-item active">
          <a class="nav-link" href="#"><i class="fa fa-industry" aria-hidden="true"></i> 梁超的工坊</a>
        </li>
      </ul>
    </nav>

    <div class="container-fluid">
        <div class="row justify-content-center">
          <div class="col-md-12">
              <br><br>
          </div>
          <div class="media col-md-8">
            <img src="https://static.liangchao.site/me_qr.jpeg" alt="John Doe" class="rounded" style="width:100px;">
            <div class="media-body" id="me-content">
                <h1>梁超</h1> 
                <p>爬虫, 网站, 数据, 全栈..
                <br>PS, 做视频, 走网线, 修电脑, 代写作业
                <br>我不是个好工程师, 我是一个追求技术致富的小商贩</p>    
            </div>
          </div>
          <div class="col-md-12">
              <br><br>
          </div>
        </div>



        <h4 class="text-center text-secondary"><u>历史项目汇总</u></h4>

        <!-- 财报说 -->
        <br>
        <div class="row justify-content-center">
            <div class="col-md-12">
                <br><br>
            </div>
            <div class="col-md-4">
                <table class="table table-borderless table-sm">
                    <tr>
                        <td>
                            <img src="http://projects.liangchao.site/img/caobaoshuologo.png" class="rounded" style="width:100px;">
                        </td>
                        <td>
                            <dt class="text-secondary">类型</dt>
                            <dd>网站/App/小程序</dd>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <dt class="text-secondary">角色</dt>
                            <dd>
                                <strong>联合创始人</strong>
                            </dd>
                        </td>
                        <td>
                            <dt class="text-secondary">时间</dt>
                            <dd>2017-2020</dd>                            
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <dt class="text-secondary">状态</dt>
                            <dd><span class="badge badge-success ">存续</span> <span class="badge badge-secondary">已转手</span></dd>
                        </td>
                        <td>
                            <dt class="text-secondary">网址</dt>
                            <dd><a href="https://www.caibaoshuo.com" target="_blank">https://www.caibaoshuo.com</a></dd>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <dt class="text-secondary">工具栈</dt>
                            <dd><span class="badge badge-danger">Ruby on Rails</span></dd>
                        </td>
                        <td>
                            <dt class="text-secondary">代码</dt>
                            <dd><kbd><i class="fa fa-lock" aria-hidden="true"></i> 非公开</kbd></dd>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <dt class="text-secondary">简介</dt>
                            <dd>
                                <p>股市投资利器, 把财务报表翻成人话, 价值投资军火库</p>
                            </dd>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="col-md-4">
                <div class="row">
                    <div class="col-md-4 col-sm-6 col-xs-4">
                        <img src="http://projects.liangchao.site/img/caibaoshuo-2.jpg" class="img-fluid zoom-img">
                        
                    </div>
                    <div class="col-md-4 col-sm-6 col-xs-4">
                        <img src="http://projects.liangchao.site/img/caibaoshuo.png" class="img-fluid zoom-img">
                    </div>
                    <div class="col-md-4 col-sm-6 col-xs-4">
                        <img src="http://projects.liangchao.site/img/caibaoshuo-4.png" class="img-fluid zoom-img">
                    </div>
                </div>
            </div>
        </div>


        <!-- daily -->
        <br>
        <div class="row justify-content-center d-flex flex-row-reverse">
            <div class="col-md-12">
                <br><br>
            </div>
            <div class="col-md-4">
                <table class="table table-borderless table-sm">
                    <tr>
                        <td>
                            <h1><span class="badge"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> Daily</span></h1>
                        </td>
                        <td>
                            <dt class="text-secondary">类型</dt>
                            <dd>网站</dd>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <dt class="text-secondary">角色</dt>
                            <dd>
                                <strong>全栈开发</strong>
                            </dd>
                        </td>
                        <td>
                            <dt class="text-secondary">时间</dt>
                            <dd>2017-2018</dd>                            
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <dt class="text-secondary">状态</dt>
                            <dd><span class="badge badge-danger">内网访问</span> <span class="badge badge-success">存续</span> <span class="badge badge-secondary">已转手</span>
                             </dd>
                        </td>
                        <td>
                            <dt class="text-secondary">网址</dt>
                            <dd><a href="http://daily.dcits.com" target="_blank">http://daily.dcits.com</a></dd>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <dt class="text-secondary">工具栈</dt>
                            <dd><span class="badge badge-danger">Ruby on Rails</span></dd>
                        </td>
                        <td>
                            <dt class="text-secondary">代码</dt>
                            <dd><kbd><i class="fa fa-lock" aria-hidden="true"></i> 非公开</kbd></dd>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <dt class="text-secondary">简介</dt>
                            <dd>
                                <p>企业工作流系统, 项目管理与报派工, 项目资源统计</p>
                            </dd>
                        </td>
                    </tr>
                </table>
            </div>

            <div class="col-md-4">
                <div class="row">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <img src="http://projects.liangchao.site/img/daily.png" class="img-fluid zoom-img">
                    </div>
                </div>
            </div>
        </div>





        <!-- 24h clock -->
        <br>
        <div class="row justify-content-center d-flex flex-row">
            <div class="col-md-12">
                <br><br>
            </div>
            <div class="col-md-4">
                <table class="table table-borderless table-sm">
                    <tr>
                        <td>
                            <h1><span class="badge"><i class="fa fa-clock-o" aria-hidden="true"></i> 昼夜钟</span></h1>
                        </td>
                        <td>
                            <dt class="text-secondary">类型</dt>
                            <dd>App</dd>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <dt class="text-secondary">角色</dt>
                            <dd>
                                <strong>独立开发者</strong>
                            </dd>
                        </td>
                        <td>
                            <dt class="text-secondary">时间</dt>
                            <dd>2018</dd>                            
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <dt class="text-secondary">状态</dt>
                            <dd><span class="badge badge-success ">存续</span></dd>
                        </td>
                        <td>
                            <dt class="text-secondary">网址</dt>
                            <dd><a href="https://github.com/liangchaob/myclock" target="_blank">https://github.com/liangchaob/myclock</a></dd>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <dt class="text-secondary">工具栈</dt>
                            <dd>
                                <span class="badge badge-info">JS</span> <span class="badge badge-secondary">HTML5</span> <span class="badge badge-secondary">Canvas</span>
                            </dd>
                        </td>
                        <td>
                            <dt class="text-secondary">代码</dt>
                            <dd><a href="https://github.com/liangchaob/myclock" target="_blank">https://github.com/liangchaob/myclock</a></dd>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <dt class="text-secondary">简介</dt>
                            <dd>
                                <p>谁说时钟必须 12h 进制, 24h 的时钟才符合当下</p>
                            </dd>
                        </td>
                    </tr>
                </table>
            </div>

            <div class="col-md-4">
                <div class="row">

                    <div class="col-md-6 col-sm-6 col-xs-6">
                        <img src="http://projects.liangchao.site/img/24hclock-1.png" class="img-fluid zoom-img">
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-6">
                        <img src="http://projects.liangchao.site/img/24hclock-4.png" class="img-fluid zoom-img">
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-6">
                        <img src="http://projects.liangchao.site/img/24hclock-2.png" class="img-fluid zoom-img">
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-6">
                        <img src="http://projects.liangchao.site/img/24hclock-3.png" class="img-fluid zoom-img">
                    </div>
                </div>
            </div>
        </div>





        <!-- 海国地图 -->
        <br>
        <div class="row justify-content-center d-flex flex-row-reverse">
            <div class="col-md-12">
                <br><br>
            </div>
            <div class="col-md-4">
                <table class="table table-borderless table-sm">
                    <tr>
                        <td>
                            <h1><span class="badge"><i class="fa fa-anchor" aria-hidden="true"></i> 海国地图</span></h1>
                        </td>
                        <td>
                            <dt class="text-secondary">类型</dt>
                            <dd>网站</dd>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <dt class="text-secondary">角色</dt>
                            <dd>
                                <strong>独立开发者</strong>
                            </dd>
                        </td>
                        <td>
                            <dt class="text-secondary">时间</dt>
                            <dd>2020</dd>                            
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <dt class="text-secondary">状态</dt>
                            <dd><span class="badge badge-success ">存续</span> <span class="badge badge-warning">持续开发</span></dd>
                        </td>
                        <td>
                            <dt class="text-secondary">网址</dt>
                            <dd><a href="https://map.liangchao.site" target="_blank">https://map.liangchao.site</a></dd>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <dt class="text-secondary">工具栈</dt>
                            <dd>
                                <span class="badge badge-primary">Python</span> <span class="badge badge-info">JS</span> <span class="badge badge-secondary">HTML</span>
                            </dd>
                        </td>
                        <td>
                            <dt class="text-secondary">代码</dt>
                            <dd><a href="https://gitee.com/liangchaob/haiguomap" target="_blank">https://gitee.com/liangchaob/haiguomap</a></dd>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <dt class="text-secondary">简介</dt>
                            <dd>
                                <p>全球数据地图, 国家与地区经济与文化统计</p>
                            </dd>
                        </td>
                    </tr>
                </table>
            </div>

            <div class="col-md-4">
                <div class="row">
                    <div class="col-md-6 col-sm-6 col-xs-6">
                        <img src="http://projects.liangchao.site/img/haiguo-1.jpg" class="img-fluid zoom-img">
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-6">
                        <img src="http://projects.liangchao.site/img/haiguo-2.jpg" class="img-fluid zoom-img">
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-6">
                        <img src="http://projects.liangchao.site/img/haiguo-4.jpg" class="img-fluid zoom-img">
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-6">
                        <img src="http://projects.liangchao.site/img/haiguo-3.jpg" class="img-fluid zoom-img">
                    </div>
                </div>
            </div>
        </div>



        <!-- 镰刀数据 -->
        <br>
        <div class="row justify-content-center d-flex flex-row">
            <div class="col-md-12">
                <br><br>
            </div>
            <div class="col-md-4">
                <table class="table table-borderless table-sm">
                    <tr>
                        <td>
                            <h1><span class="badge">路人丁的数据站</span></h1>
                        </td>
                        <td>
                            <dt class="text-secondary">类型</dt>
                            <dd>H5</dd>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <dt class="text-secondary">角色</dt>
                            <dd>
                                <strong>联合创始人</strong>
                            </dd>
                        </td>
                        <td>
                            <dt class="text-secondary">时间</dt>
                            <dd>2020</dd>                            
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <dt class="text-secondary">状态</dt>
                            <dd><span class="badge badge-success ">存续</span> <span class="badge badge-warning">持续开发</span></dd>
                        </td>
                        <td>
                            <dt class="text-secondary">网址</dt>
                            <dd><a href="https://data.liangchao.site" target="_blank">https://data.liangchao.site</a></dd>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <dt class="text-secondary">工具栈</dt>
                            <dd>
                                <span class="badge badge-primary">Python</span> <span class="badge badge-info">Vue</span> <span class="badge badge-danger">Echarts</span>
                            </dd>
                        </td>
                        <td>
                            <dt class="text-secondary">代码</dt>
                            <dd><kbd><i class="fa fa-lock" aria-hidden="true"></i> 非公开</kbd></dd>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <dt class="text-secondary">简介</dt>
                            <dd>
                                <p>宏观金融数据站, 金融套利工具大集合</p>
                            </dd>
                        </td>
                    </tr>
                </table>
            </div>

            <div class="col-md-4">
                <div class="row">
                    <div class="col-md-3 col-sm-3 col-xs-3">
                        <img src="http://projects.liangchao.site/img/liandaoshuju-1.png" class="img-fluid zoom-img">
                    </div>
                    <div class="col-md-3 col-sm-3 col-xs-3">
                        <img src="http://projects.liangchao.site/img/liandaoshuju-2.jpeg" class="img-fluid zoom-img">
                    </div>
                    <div class="col-md-3 col-sm-3 col-xs-3">
                        <img src="http://projects.liangchao.site/img/liandaoshuju-3.jpeg" class="img-fluid zoom-img">
                    </div>
                    <div class="col-md-3 col-sm-3 col-xs-3">
                        <img src="http://projects.liangchao.site/img/liandaoshuju-4.jpeg" class="img-fluid zoom-img">
                    </div>
                </div>
            </div>
        </div>


    </div>


    <footer>
        <hr>
        <br>
        <p class="text-center text-white footer-icp"></p>
        <br>
    </footer>

    <script type="text/javascript">
        $('.zoom-img').zoomify();
        //动态年
        var d = new Date();
        year = d.getFullYear();
        $(".footer-icp").html("© "+year.toString() + " liangchaob 津ICP备17001227号");
    </script>

</body>
</html>